<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户服务方案</title>
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="dist/styles/main.min.css">
</head>

<body>
    <!-- top -->
    <iframe class="index-iframe" src="top.html" width="100%" height="30px" frameborder="0" scrolling="no"></iframe>
    <!-- nav -->
    <div class="index-nav">
        <div class="index-nav-cont">
            <img class="index-logo" src="img/logo.png" alt="logo" onclick="self.location='index.html'">

            <div class="index-nav-frame clearfix">
                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='index.html'">
                    首页
                </div>

                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='pdx.html'">
                    PDX
                </div>
                <div class="index-nav-frame-line active" tabindex="-1">
                    <div class="index-nav-frame-line-title">用户服务方案<i class="iconfont icon-up updown"></i></div>
                    <div class="index-nav-frame-line-center">
                        <div class="index-nav-frame-line-li">
                            <a class="index-nav-a" href="fangan1.html">肿瘤患者服务方案</a>
                        </div>
                        <div class="index-nav-frame-line-li">
                            <a class="index-nav-a" href="fangan2.html">科研机构服务方案</a>
                        </div>
                        <div class="index-nav-frame-line-li on">
                            <a class="index-nav-a" href="fangan3.html">药物研发企业服务方案</a>
                        </div>
                    </div>
                </div>
                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='information.html'">
                    学术资讯
                </div>
                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='about.html'">
                    关于我们
                </div>
                <!-- <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='join.html'">
                    加入我们
                </div> -->
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="index-banner">
        <img src="img/fangan3-banner.png" width="100%">
    </div>
    <!-- 介绍说明 -->
    <div class="min-width about-comp-info">
        <!-- left nav -->
        <div class="profile_right">
            <ul class="comp-intr-ul">
                <li class="comp-intr-ul-items on"><a class="a-anchors" href="#jieshao">方案介绍</a></li>
                <li class="comp-intr-ul-items"><a class="a-anchors" href="#jiazhi">服务流程</a></li>
                <li class="comp-intr-ul-items"><a class="a-anchors" href="#zhuanjia">服务优势</a></li>
                <li class="comp-intr-ul-items"><a class="a-anchors" href="#rongyu">合作机构</a></li>
            </ul>
        </div>
        <!-- cont -->
        <div class="about-comp-cont">
            <!-- 方案介绍 -->
            <div class="about-comp-jieshao" id="jieshao">
                <p class="about-comp-cont-title a-anchors" style="margin-bottom:42px">方案介绍</p>
                <p class="pdx-jieshao-ms">中国医学科学院医学实验动物研究所是从事实验动物学和比较医学科研与教学的专业研究所，是国家实验动物质量检测中心
                    、卫生部实验动物检测中心，已通过国际AAALAC认证。已与全国国家领域内顶尖的肿瘤医院合作，搭建了PDX（人源肿瘤异种移植）动物模型平台。基于平台雄厚的肿瘤组织资源、技术实验能力
                    ，硕康源可为药物研发企业提供药物筛选和药物测试服务，为企业研发的新药性能提供可行性实验报告，打开药物销售渠道。</p>
                <img class="pdx-jieshao-img" src="img/g-2.png">
            </div>
            <!-- 服务流程 -->
            <div class="about-comp-jieshao" id="jiazhi">
                <p class="about-comp-cont-title a-anchors">服务流程</p>
                <div class="fangan-liucheng-cont">
                    <ul class="fangan-liucheng-ul">
                        <li class="fangan-liucheng-li"><i class="iconfont icon-biaodan"></i></li>
                        <li class="fangan-liucheng-li"><i class="iconfont icon-MESxitongjiemiantubiaoXpx-"></i></li>
                        <li class="fangan-liucheng-li"><i class="iconfont icon-moxing"></i></li>
                        <li class="fangan-liucheng-li"><i class="iconfont icon-dingdan"></i></li>
                        <li class="fangan-liucheng-li"><i class="iconfont icon-icon---copy"></i></li>
                    </ul>
                    <ul class="fangan-liucheng-ul2">
                        <li class="fangan-liucheng-li2"><i class="fangan-liucheng-li2-c"></i></li>
                        <li class="fangan-liucheng-li2"><i class="fangan-liucheng-li2-c"></i></li>
                        <li class="fangan-liucheng-li2"><i class="fangan-liucheng-li2-c"></i></li>
                        <li class="fangan-liucheng-li2"><i class="fangan-liucheng-li2-c"></i></li>
                        <li class="fangan-liucheng-li2"><i class="fangan-liucheng-li2-c"></i></li>
                    </ul>
                    <ul class="fangan-liucheng-ul3">
                        <li>1. 预约服务</li>
                        <li>2. 确定服务项目并签约付费<br><span class="fangan-liucheng-ul3-span">（具体收费根据服务项目来确认）</span></li>
                        <li>3. PDX建模<br><span class="fangan-liucheng-ul3-span">（若不成功, 终止服务收取前期费用）</span></li>
                        <li>4. 实验开展与实验结果的比较医学分析</li>
                        <li>5. 实验结果提交</li>
                    </ul>
                    <div class="comp-produce-btn public-button bus-scope-center-btn" onclick="self.location='service.html?id=2'">立即预约</div>
                </div>
            </div>
            <!-- 服务优势 -->
            <div class="about-comp-jieshao" id="zhuanjia">
                <p class="about-comp-cont-title a-anchors">服务优势</p>
                <div class="fangan-service-cont">
                    <div class="fangan-service-items">
                        <img src="img/advantage-img2.png">
                        <p class="fangan-service-title">专家优势</p>
                        <p class="fangan-service-ms">依托中国医学科学院医学实验动物研究所资深的肿瘤学、病理学专家，在肿瘤生物学特征分析、药效评价等方面具备国内先进水平。</p>
                    </div>
                    <div class="fangan-service-items">
                        <img src="img/advantage-img1.png">
                        <p class="fangan-service-title">技术优势</p>
                        <p class="fangan-service-ms">以中国医学科学院医学实验动物研究所比较医学学科为基础，具备系统的比较医学分析评价技术（肿瘤学、病理学、药理学）</p>
                    </div>
                    <div class="fangan-service-items">
                        <img src="img/icon-6.png">
                        <p class="fangan-service-title">质控优势</p>
                        <p class="fangan-service-ms">依托获国际AAALAC认证的中国医学科学院医学实验动物研究所国家实验动物质量检测中心、
                            卫生部实验动物检测中心，公司是国内仅有的几家建立了完备的PDX模型质量控制体系的机构之一。
                        </p>
                    </div>
                    <div class="fangan-service-items">
                        <img src="img/advantage-img4.png">
                        <p class="fangan-service-title">资源优势</p>
                        <p class="fangan-service-ms">与北京协和医院、中国医学科学院肿瘤医院、北京同仁医院、北京大学人民医院等知名医院和科研院所建立了资源整合机制。</p>
                    </div>
                </div>
            </div>
            <!-- 合作机构 -->
            <div class="about-comp-jieshao" id="rongyu">
                <p class="about-comp-cont-title a-anchors">合作机构</p>
                <ul class="about-hezhuo-cont">
                    <li class="about-hezhuo-cont-items"><img src="img/hezuo-img1.jpg" width="50%"></li>
                    <li class="about-hezhuo-cont-items"><img src="img/hezuo-img2.jpg" width="50%"></li>
                    <li class="about-hezhuo-cont-items"><img src="img/hezuo-img3.jpg" width="50%"></li>
                    <li class="about-hezhuo-cont-items"><img src="img/hezuo-img4.jpg" width="50%"></li>
                    <li class="about-hezhuo-cont-items"><img src="img/hezuo-img5.jpg" width="80%"></li>
                </ul>
            </div>
            <!-- 我要申请服务 -->
            <div class="comp-produce-btn public-button bus-scope-center-btn shenqing-btn" onclick="self.location='service.html?id=2'">我要申请服务</div>
        </div>
    </div>

    <!-- footer -->
    <iframe class="index-iframe" id="footer" src="foot.html" frameborder="0" scrolling="no" width="100%" height="260px"></iframe>
    <!-- 浮动面板 -->
    <div class="quick-right">
        <div class="quick-right-cont">
            <ul class="quick-right-ul">
                <li class="quick-right-items" id="erweima"><i class="iconfont icon-erweima"></i></li>
                <li class="quick-right-items" id="quickTel"><i class="iconfont icon-phone"></i></li>
                <li class="quick-right-items" id="quickEmail" onclick="self.location='service.html?id=2'"><i class="iconfont icon-mail"></i></li>
                <li class="quick-right-items" id="top"><i class="iconfont icon-xiangshangshouqi-xianxingyuankuang"></i></li>
            </ul>
            <div class="quick-right-img">
                <p class="quick-right-img-ms">扫码关注微信公众号</p>
                <img src="img/erweima.png" width="100%">
            </div>
            <div class="quick-right-tel">
                <p>联系电话</p>
                <p>010-67779532</p>
            </div>
        </div>
    </div>
</body>
<script src="dist/js/main.min.js"></script>
<script>
    $('.about-comp-info').profile();
    // scroll
    let leftNavScrollTop = $(".comp-intr-ul").offset().top;
    // let jieshao = $("#jieshao").offset().top;
    // let jiazhi = $("#jiazhi").offset().top;
    // let zhuanjia = $("#zhuanjia").offset().top;
    // let rongyu = $("#rongyu").offset().top;
    // let hezuo = $("#hezuo").offset().top;
    // let call = $("#call").offset().top;
    $(window).scroll(function () {
        let windowScrollTop = $(window).scrollTop();
        if (windowScrollTop > leftNavScrollTop) {
            $(".comp-intr-ul").addClass("on");
        } else {
            $(".comp-intr-ul").removeClass("on")
        }
        console.log(windowScrollTop);
    })
    $(".comp-intr-ul-items").click(function () {
        $(this).addClass("on").siblings().removeClass("on");
    })
</script>

</html>